<!DOCTYPE html>
<html lang="en-US">
  <head>
    <title>SVG tests</title>
    <meta charset="UTF-8" />
  </head>

  <body>
    <main>
      <ol>
        <li>
          SVG with no name (error):<br />
          <svg
            width="39.3333px"
            height="30.3333px"
            viewBox="0 0 118 91"
            version="1.1"
            xmlns="http://www.w3.org/2000/svg"
            xmlns:xlink="http://www.w3.org/1999/xlink"
          >
            <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
              <g>
                <path
                  d="M57.3835616,8.93683673 C57.3835616,13.8728571 53.4038244,17.875 48.4938105,17.875 C43.5837965,17.875 39.6027397,13.8728571 39.6027397,8.93683673 C39.6027397,4.00081633 43.5837965,0 48.4938105,0 C53.4038244,0 57.3835616,4.00081633 57.3835616,8.93683673"
                  fill="#7534CD"
                  fill-rule="nonzero"
                ></path>
                <path
                  d="M79.2054795,8.93683673 C79.2054795,13.8728571 75.2244227,17.875 70.3157283,17.875 C65.4043947,17.875 61.4246575,13.8728571 61.4246575,8.93683673 C61.4246575,4.00081633 65.4043947,0 70.3157283,0 C75.2244227,0 79.2054795,4.00081633 79.2054795,8.93683673"
                  fill="#7534CD"
                  fill-rule="nonzero"
                ></path>
                <path
                  d="M10.4825272,42.3914065 L40.4109589,29.25 L30.3203018,61.0784659 C28.4053629,66.7486818 23.5788286,72.3125 15.4292351,72.3125 C6.94524577,72.3125 0,65.4329841 0,57.0055122 C0,49.8664898 4.41768313,45.0941662 10.4825272,42.3914065"
                  fill="#7534CD"
                  fill-rule="nonzero"
                ></path>
                <path
                  d="M107.517473,42.3914065 L77.5890411,29.25 L87.6796982,61.0784659 C89.5946371,66.7486818 94.4459899,72.3112025 102.621708,72.3112025 C102.628239,72.3112025 102.633464,72.3125 102.638689,72.3125 C111.122678,72.3125 118,65.4329841 118,57.0055122 C118,49.8664898 113.582317,45.0941662 107.517473,42.3914065"
                  fill="#7534CD"
                  fill-rule="nonzero"
                ></path>
                <path
                  d="M75.9726027,32.5 C72.9780788,25.7947085 66.4914397,21.125 58.980122,21.125 C51.462392,21.125 45.0180739,25.7879681 42.0273973,32.5 L75.9726027,32.5 Z"
                  fill="#7534CD"
                  fill-rule="nonzero"
                ></path>
                <polygon
                  fill="#000000"
                  fill-rule="nonzero"
                  points="78.3946629 52 40.4109589 52 40.4109589 41.4375 78.3972603 41.4375"
                ></polygon>
                <polygon
                  fill="#000000"
                  fill-rule="nonzero"
                  points="78.3946629 70.6875 40.4109589 70.6875 40.4109589 60.125 78.3972603 60.125"
                ></polygon>
                <g transform="translate(42.027397, 78.812500)">
                  <polygon
                    points="0.194632313 0.742063276 34.1693874 0.742063276 34.1693874 11.8772354 0.194632313 11.8772354"
                  ></polygon>
                  <path
                    d="M0.194632313,0.742063276 C3.19176303,7.30621539 9.6827652,11.8776313 17.2019051,11.8776313 C24.7261793,11.8776313 31.1748238,7.31281385 34.1693874,0.742063276 L0.194632313,0.742063276 Z"
                    fill="#7534CD"
                    fill-rule="nonzero"
                  ></path>
                </g>
              </g>
            </g>
          </svg>
        </li>
        <li>
          SVG with alt text (error):<br />
          <svg
            alt="Bee Equal"
            width="39.3333px"
            height="30.3333px"
            viewBox="0 0 118 91"
            version="1.1"
            xmlns="http://www.w3.org/2000/svg"
            xmlns:xlink="http://www.w3.org/1999/xlink"
          >
            <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
              <g>
                <path
                  d="M57.3835616,8.93683673 C57.3835616,13.8728571 53.4038244,17.875 48.4938105,17.875 C43.5837965,17.875 39.6027397,13.8728571 39.6027397,8.93683673 C39.6027397,4.00081633 43.5837965,0 48.4938105,0 C53.4038244,0 57.3835616,4.00081633 57.3835616,8.93683673"
                  fill="#7534CD"
                  fill-rule="nonzero"
                ></path>
                <path
                  d="M79.2054795,8.93683673 C79.2054795,13.8728571 75.2244227,17.875 70.3157283,17.875 C65.4043947,17.875 61.4246575,13.8728571 61.4246575,8.93683673 C61.4246575,4.00081633 65.4043947,0 70.3157283,0 C75.2244227,0 79.2054795,4.00081633 79.2054795,8.93683673"
                  fill="#7534CD"
                  fill-rule="nonzero"
                ></path>
                <path
                  d="M10.4825272,42.3914065 L40.4109589,29.25 L30.3203018,61.0784659 C28.4053629,66.7486818 23.5788286,72.3125 15.4292351,72.3125 C6.94524577,72.3125 0,65.4329841 0,57.0055122 C0,49.8664898 4.41768313,45.0941662 10.4825272,42.3914065"
                  fill="#7534CD"
                  fill-rule="nonzero"
                ></path>
                <path
                  d="M107.517473,42.3914065 L77.5890411,29.25 L87.6796982,61.0784659 C89.5946371,66.7486818 94.4459899,72.3112025 102.621708,72.3112025 C102.628239,72.3112025 102.633464,72.3125 102.638689,72.3125 C111.122678,72.3125 118,65.4329841 118,57.0055122 C118,49.8664898 113.582317,45.0941662 107.517473,42.3914065"
                  fill="#7534CD"
                  fill-rule="nonzero"
                ></path>
                <path
                  d="M75.9726027,32.5 C72.9780788,25.7947085 66.4914397,21.125 58.980122,21.125 C51.462392,21.125 45.0180739,25.7879681 42.0273973,32.5 L75.9726027,32.5 Z"
                  fill="#7534CD"
                  fill-rule="nonzero"
                ></path>
                <polygon
                  fill="#000000"
                  fill-rule="nonzero"
                  points="78.3946629 52 40.4109589 52 40.4109589 41.4375 78.3972603 41.4375"
                ></polygon>
                <polygon
                  fill="#000000"
                  fill-rule="nonzero"
                  points="78.3946629 70.6875 40.4109589 70.6875 40.4109589 60.125 78.3972603 60.125"
                ></polygon>
                <g transform="translate(42.027397, 78.812500)">
                  <polygon
                    points="0.194632313 0.742063276 34.1693874 0.742063276 34.1693874 11.8772354 0.194632313 11.8772354"
                  ></polygon>
                  <path
                    d="M0.194632313,0.742063276 C3.19176303,7.30621539 9.6827652,11.8776313 17.2019051,11.8776313 C24.7261793,11.8776313 31.1748238,7.31281385 34.1693874,0.742063276 L0.194632313,0.742063276 Z"
                    fill="#7534CD"
                    fill-rule="nonzero"
                  ></path>
                </g>
              </g>
            </g>
          </svg>
        </li>
        <li>
          SVG with title:<br />
          <svg id="temp"
            width="39.3333px"
            height="30.3333px"
            viewBox="0 0 118 91"
            version="1.1"
            xmlns="http://www.w3.org/2000/svg"
            xmlns:xlink="http://www.w3.org/1999/xlink"
          >
            <title>Bee Equal</title>
            <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
              <g>
                <path
                  d="M57.3835616,8.93683673 C57.3835616,13.8728571 53.4038244,17.875 48.4938105,17.875 C43.5837965,17.875 39.6027397,13.8728571 39.6027397,8.93683673 C39.6027397,4.00081633 43.5837965,0 48.4938105,0 C53.4038244,0 57.3835616,4.00081633 57.3835616,8.93683673"
                  fill="#7534CD"
                  fill-rule="nonzero"
                ></path>
                <path
                  d="M79.2054795,8.93683673 C79.2054795,13.8728571 75.2244227,17.875 70.3157283,17.875 C65.4043947,17.875 61.4246575,13.8728571 61.4246575,8.93683673 C61.4246575,4.00081633 65.4043947,0 70.3157283,0 C75.2244227,0 79.2054795,4.00081633 79.2054795,8.93683673"
                  fill="#7534CD"
                  fill-rule="nonzero"
                ></path>
                <path
                  d="M10.4825272,42.3914065 L40.4109589,29.25 L30.3203018,61.0784659 C28.4053629,66.7486818 23.5788286,72.3125 15.4292351,72.3125 C6.94524577,72.3125 0,65.4329841 0,57.0055122 C0,49.8664898 4.41768313,45.0941662 10.4825272,42.3914065"
                  fill="#7534CD"
                  fill-rule="nonzero"
                ></path>
                <path
                  d="M107.517473,42.3914065 L77.5890411,29.25 L87.6796982,61.0784659 C89.5946371,66.7486818 94.4459899,72.3112025 102.621708,72.3112025 C102.628239,72.3112025 102.633464,72.3125 102.638689,72.3125 C111.122678,72.3125 118,65.4329841 118,57.0055122 C118,49.8664898 113.582317,45.0941662 107.517473,42.3914065"
                  fill="#7534CD"
                  fill-rule="nonzero"
                ></path>
                <path
                  d="M75.9726027,32.5 C72.9780788,25.7947085 66.4914397,21.125 58.980122,21.125 C51.462392,21.125 45.0180739,25.7879681 42.0273973,32.5 L75.9726027,32.5 Z"
                  fill="#7534CD"
                  fill-rule="nonzero"
                ></path>
                <polygon
                  fill="#000000"
                  fill-rule="nonzero"
                  points="78.3946629 52 40.4109589 52 40.4109589 41.4375 78.3972603 41.4375"
                ></polygon>
                <polygon
                  fill="#000000"
                  fill-rule="nonzero"
                  points="78.3946629 70.6875 40.4109589 70.6875 40.4109589 60.125 78.3972603 60.125"
                ></polygon>
                <g transform="translate(42.027397, 78.812500)">
                  <polygon
                    points="0.194632313 0.742063276 34.1693874 0.742063276 34.1693874 11.8772354 0.194632313 11.8772354"
                  ></polygon>
                  <path
                    d="M0.194632313,0.742063276 C3.19176303,7.30621539 9.6827652,11.8776313 17.2019051,11.8776313 C24.7261793,11.8776313 31.1748238,7.31281385 34.1693874,0.742063276 L0.194632313,0.742063276 Z"
                    fill="#7534CD"
                    fill-rule="nonzero"
                  ></path>
                </g>
              </g>
            </g>
          </svg>
        </li>
        <li>
          SVG with aria-label:<br />
          <svg
            width="39.3333px"
            height="30.3333px"
            viewBox="0 0 118 91"
            version="1.1"
            xmlns="http://www.w3.org/2000/svg"
            xmlns:xlink="http://www.w3.org/1999/xlink"
            aria-label="Bee Equal"
          >
            <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
              <g>
                <path
                  d="M57.3835616,8.93683673 C57.3835616,13.8728571 53.4038244,17.875 48.4938105,17.875 C43.5837965,17.875 39.6027397,13.8728571 39.6027397,8.93683673 C39.6027397,4.00081633 43.5837965,0 48.4938105,0 C53.4038244,0 57.3835616,4.00081633 57.3835616,8.93683673"
                  fill="#7534CD"
                  fill-rule="nonzero"
                ></path>
                <path
                  d="M79.2054795,8.93683673 C79.2054795,13.8728571 75.2244227,17.875 70.3157283,17.875 C65.4043947,17.875 61.4246575,13.8728571 61.4246575,8.93683673 C61.4246575,4.00081633 65.4043947,0 70.3157283,0 C75.2244227,0 79.2054795,4.00081633 79.2054795,8.93683673"
                  fill="#7534CD"
                  fill-rule="nonzero"
                ></path>
                <path
                  d="M10.4825272,42.3914065 L40.4109589,29.25 L30.3203018,61.0784659 C28.4053629,66.7486818 23.5788286,72.3125 15.4292351,72.3125 C6.94524577,72.3125 0,65.4329841 0,57.0055122 C0,49.8664898 4.41768313,45.0941662 10.4825272,42.3914065"
                  fill="#7534CD"
                  fill-rule="nonzero"
                ></path>
                <path
                  d="M107.517473,42.3914065 L77.5890411,29.25 L87.6796982,61.0784659 C89.5946371,66.7486818 94.4459899,72.3112025 102.621708,72.3112025 C102.628239,72.3112025 102.633464,72.3125 102.638689,72.3125 C111.122678,72.3125 118,65.4329841 118,57.0055122 C118,49.8664898 113.582317,45.0941662 107.517473,42.3914065"
                  fill="#7534CD"
                  fill-rule="nonzero"
                ></path>
                <path
                  d="M75.9726027,32.5 C72.9780788,25.7947085 66.4914397,21.125 58.980122,21.125 C51.462392,21.125 45.0180739,25.7879681 42.0273973,32.5 L75.9726027,32.5 Z"
                  fill="#7534CD"
                  fill-rule="nonzero"
                ></path>
                <polygon
                  fill="#000000"
                  fill-rule="nonzero"
                  points="78.3946629 52 40.4109589 52 40.4109589 41.4375 78.3972603 41.4375"
                ></polygon>
                <polygon
                  fill="#000000"
                  fill-rule="nonzero"
                  points="78.3946629 70.6875 40.4109589 70.6875 40.4109589 60.125 78.3972603 60.125"
                ></polygon>
                <g transform="translate(42.027397, 78.812500)">
                  <polygon
                    points="0.194632313 0.742063276 34.1693874 0.742063276 34.1693874 11.8772354 0.194632313 11.8772354"
                  ></polygon>
                  <path
                    d="M0.194632313,0.742063276 C3.19176303,7.30621539 9.6827652,11.8776313 17.2019051,11.8776313 C24.7261793,11.8776313 31.1748238,7.31281385 34.1693874,0.742063276 L0.194632313,0.742063276 Z"
                    fill="#7534CD"
                    fill-rule="nonzero"
                  ></path>
                </g>
              </g>
            </g>
          </svg>
        </li>
        <li>
          SVG with aria-labelledby (<span id="bee">Bee Equal</span>):<br />
          <svg
            width="39.3333px"
            height="30.3333px"
            viewBox="0 0 118 91"
            version="1.1"
            xmlns="http://www.w3.org/2000/svg"
            xmlns:xlink="http://www.w3.org/1999/xlink"
            aria-labelledby="bee"
          >
            <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
              <g>
                <path
                  d="M57.3835616,8.93683673 C57.3835616,13.8728571 53.4038244,17.875 48.4938105,17.875 C43.5837965,17.875 39.6027397,13.8728571 39.6027397,8.93683673 C39.6027397,4.00081633 43.5837965,0 48.4938105,0 C53.4038244,0 57.3835616,4.00081633 57.3835616,8.93683673"
                  fill="#7534CD"
                  fill-rule="nonzero"
                ></path>
                <path
                  d="M79.2054795,8.93683673 C79.2054795,13.8728571 75.2244227,17.875 70.3157283,17.875 C65.4043947,17.875 61.4246575,13.8728571 61.4246575,8.93683673 C61.4246575,4.00081633 65.4043947,0 70.3157283,0 C75.2244227,0 79.2054795,4.00081633 79.2054795,8.93683673"
                  fill="#7534CD"
                  fill-rule="nonzero"
                ></path>
                <path
                  d="M10.4825272,42.3914065 L40.4109589,29.25 L30.3203018,61.0784659 C28.4053629,66.7486818 23.5788286,72.3125 15.4292351,72.3125 C6.94524577,72.3125 0,65.4329841 0,57.0055122 C0,49.8664898 4.41768313,45.0941662 10.4825272,42.3914065"
                  fill="#7534CD"
                  fill-rule="nonzero"
                ></path>
                <path
                  d="M107.517473,42.3914065 L77.5890411,29.25 L87.6796982,61.0784659 C89.5946371,66.7486818 94.4459899,72.3112025 102.621708,72.3112025 C102.628239,72.3112025 102.633464,72.3125 102.638689,72.3125 C111.122678,72.3125 118,65.4329841 118,57.0055122 C118,49.8664898 113.582317,45.0941662 107.517473,42.3914065"
                  fill="#7534CD"
                  fill-rule="nonzero"
                ></path>
                <path
                  d="M75.9726027,32.5 C72.9780788,25.7947085 66.4914397,21.125 58.980122,21.125 C51.462392,21.125 45.0180739,25.7879681 42.0273973,32.5 L75.9726027,32.5 Z"
                  fill="#7534CD"
                  fill-rule="nonzero"
                ></path>
                <polygon
                  fill="#000000"
                  fill-rule="nonzero"
                  points="78.3946629 52 40.4109589 52 40.4109589 41.4375 78.3972603 41.4375"
                ></polygon>
                <polygon
                  fill="#000000"
                  fill-rule="nonzero"
                  points="78.3946629 70.6875 40.4109589 70.6875 40.4109589 60.125 78.3972603 60.125"
                ></polygon>
                <g transform="translate(42.027397, 78.812500)">
                  <polygon
                    points="0.194632313 0.742063276 34.1693874 0.742063276 34.1693874 11.8772354 0.194632313 11.8772354"
                  ></polygon>
                  <path
                    d="M0.194632313,0.742063276 C3.19176303,7.30621539 9.6827652,11.8776313 17.2019051,11.8776313 C24.7261793,11.8776313 31.1748238,7.31281385 34.1693874,0.742063276 L0.194632313,0.742063276 Z"
                    fill="#7534CD"
                    fill-rule="nonzero"
                  ></path>
                </g>
              </g>
            </g>
          </svg>
        </li>
        <li>
          Button with an SVG with no name (error):<br />
          <button>
            <svg
              width="39.3333px"
              height="30.3333px"
              viewBox="0 0 118 91"
              version="1.1"
              xmlns="http://www.w3.org/2000/svg"
              xmlns:xlink="http://www.w3.org/1999/xlink"
            >
              <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                <g>
                  <path
                    d="M57.3835616,8.93683673 C57.3835616,13.8728571 53.4038244,17.875 48.4938105,17.875 C43.5837965,17.875 39.6027397,13.8728571 39.6027397,8.93683673 C39.6027397,4.00081633 43.5837965,0 48.4938105,0 C53.4038244,0 57.3835616,4.00081633 57.3835616,8.93683673"
                    fill="#7534CD"
                    fill-rule="nonzero"
                  ></path>
                  <path
                    d="M79.2054795,8.93683673 C79.2054795,13.8728571 75.2244227,17.875 70.3157283,17.875 C65.4043947,17.875 61.4246575,13.8728571 61.4246575,8.93683673 C61.4246575,4.00081633 65.4043947,0 70.3157283,0 C75.2244227,0 79.2054795,4.00081633 79.2054795,8.93683673"
                    fill="#7534CD"
                    fill-rule="nonzero"
                  ></path>
                  <path
                    d="M10.4825272,42.3914065 L40.4109589,29.25 L30.3203018,61.0784659 C28.4053629,66.7486818 23.5788286,72.3125 15.4292351,72.3125 C6.94524577,72.3125 0,65.4329841 0,57.0055122 C0,49.8664898 4.41768313,45.0941662 10.4825272,42.3914065"
                    fill="#7534CD"
                    fill-rule="nonzero"
                  ></path>
                  <path
                    d="M107.517473,42.3914065 L77.5890411,29.25 L87.6796982,61.0784659 C89.5946371,66.7486818 94.4459899,72.3112025 102.621708,72.3112025 C102.628239,72.3112025 102.633464,72.3125 102.638689,72.3125 C111.122678,72.3125 118,65.4329841 118,57.0055122 C118,49.8664898 113.582317,45.0941662 107.517473,42.3914065"
                    fill="#7534CD"
                    fill-rule="nonzero"
                  ></path>
                  <path
                    d="M75.9726027,32.5 C72.9780788,25.7947085 66.4914397,21.125 58.980122,21.125 C51.462392,21.125 45.0180739,25.7879681 42.0273973,32.5 L75.9726027,32.5 Z"
                    fill="#7534CD"
                    fill-rule="nonzero"
                  ></path>
                  <polygon
                    fill="#000000"
                    fill-rule="nonzero"
                    points="78.3946629 52 40.4109589 52 40.4109589 41.4375 78.3972603 41.4375"
                  ></polygon>
                  <polygon
                    fill="#000000"
                    fill-rule="nonzero"
                    points="78.3946629 70.6875 40.4109589 70.6875 40.4109589 60.125 78.3972603 60.125"
                  ></polygon>
                  <g transform="translate(42.027397, 78.812500)">
                    <polygon
                      points="0.194632313 0.742063276 34.1693874 0.742063276 34.1693874 11.8772354 0.194632313 11.8772354"
                    ></polygon>
                    <path
                      d="M0.194632313,0.742063276 C3.19176303,7.30621539 9.6827652,11.8776313 17.2019051,11.8776313 C24.7261793,11.8776313 31.1748238,7.31281385 34.1693874,0.742063276 L0.194632313,0.742063276 Z"
                      fill="#7534CD"
                      fill-rule="nonzero"
                    ></path>
                  </g>
                </g>
              </g>
            </svg>
          </button>
        </li>
        <li>
          Button with an SVG with an aria-label<br />
          <button>
            <svg
              width="39.3333px"
              height="30.3333px"
              viewBox="0 0 118 91"
              version="1.1"
              xmlns="http://www.w3.org/2000/svg"
              xmlns:xlink="http://www.w3.org/1999/xlink"
              aria-label="Be Equal"
            >
              <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                <g>
                  <path
                    d="M57.3835616,8.93683673 C57.3835616,13.8728571 53.4038244,17.875 48.4938105,17.875 C43.5837965,17.875 39.6027397,13.8728571 39.6027397,8.93683673 C39.6027397,4.00081633 43.5837965,0 48.4938105,0 C53.4038244,0 57.3835616,4.00081633 57.3835616,8.93683673"
                    fill="#7534CD"
                    fill-rule="nonzero"
                  ></path>
                  <path
                    d="M79.2054795,8.93683673 C79.2054795,13.8728571 75.2244227,17.875 70.3157283,17.875 C65.4043947,17.875 61.4246575,13.8728571 61.4246575,8.93683673 C61.4246575,4.00081633 65.4043947,0 70.3157283,0 C75.2244227,0 79.2054795,4.00081633 79.2054795,8.93683673"
                    fill="#7534CD"
                    fill-rule="nonzero"
                  ></path>
                  <path
                    d="M10.4825272,42.3914065 L40.4109589,29.25 L30.3203018,61.0784659 C28.4053629,66.7486818 23.5788286,72.3125 15.4292351,72.3125 C6.94524577,72.3125 0,65.4329841 0,57.0055122 C0,49.8664898 4.41768313,45.0941662 10.4825272,42.3914065"
                    fill="#7534CD"
                    fill-rule="nonzero"
                  ></path>
                  <path
                    d="M107.517473,42.3914065 L77.5890411,29.25 L87.6796982,61.0784659 C89.5946371,66.7486818 94.4459899,72.3112025 102.621708,72.3112025 C102.628239,72.3112025 102.633464,72.3125 102.638689,72.3125 C111.122678,72.3125 118,65.4329841 118,57.0055122 C118,49.8664898 113.582317,45.0941662 107.517473,42.3914065"
                    fill="#7534CD"
                    fill-rule="nonzero"
                  ></path>
                  <path
                    d="M75.9726027,32.5 C72.9780788,25.7947085 66.4914397,21.125 58.980122,21.125 C51.462392,21.125 45.0180739,25.7879681 42.0273973,32.5 L75.9726027,32.5 Z"
                    fill="#7534CD"
                    fill-rule="nonzero"
                  ></path>
                  <polygon
                    fill="#000000"
                    fill-rule="nonzero"
                    points="78.3946629 52 40.4109589 52 40.4109589 41.4375 78.3972603 41.4375"
                  ></polygon>
                  <polygon
                    fill="#000000"
                    fill-rule="nonzero"
                    points="78.3946629 70.6875 40.4109589 70.6875 40.4109589 60.125 78.3972603 60.125"
                  ></polygon>
                  <g transform="translate(42.027397, 78.812500)">
                    <polygon
                      points="0.194632313 0.742063276 34.1693874 0.742063276 34.1693874 11.8772354 0.194632313 11.8772354"
                    ></polygon>
                    <path
                      d="M0.194632313,0.742063276 C3.19176303,7.30621539 9.6827652,11.8776313 17.2019051,11.8776313 C24.7261793,11.8776313 31.1748238,7.31281385 34.1693874,0.742063276 L0.194632313,0.742063276 Z"
                      fill="#7534CD"
                      fill-rule="nonzero"
                    ></path>
                  </g>
                </g>
              </g>
            </svg>
          </button>
        </li>
        <li>
          SVG with an image role and no label (error)<br />
          <svg
            role="img"
            width="39.3333px"
            height="30.3333px"
            viewBox="0 0 118 91"
            version="1.1"
            xmlns="http://www.w3.org/2000/svg"
            xmlns:xlink="http://www.w3.org/1999/xlink"
          >
            <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
              <g>
                <path
                  d="M57.3835616,8.93683673 C57.3835616,13.8728571 53.4038244,17.875 48.4938105,17.875 C43.5837965,17.875 39.6027397,13.8728571 39.6027397,8.93683673 C39.6027397,4.00081633 43.5837965,0 48.4938105,0 C53.4038244,0 57.3835616,4.00081633 57.3835616,8.93683673"
                  fill="#7534CD"
                  fill-rule="nonzero"
                ></path>
                <path
                  d="M79.2054795,8.93683673 C79.2054795,13.8728571 75.2244227,17.875 70.3157283,17.875 C65.4043947,17.875 61.4246575,13.8728571 61.4246575,8.93683673 C61.4246575,4.00081633 65.4043947,0 70.3157283,0 C75.2244227,0 79.2054795,4.00081633 79.2054795,8.93683673"
                  fill="#7534CD"
                  fill-rule="nonzero"
                ></path>
                <path
                  d="M10.4825272,42.3914065 L40.4109589,29.25 L30.3203018,61.0784659 C28.4053629,66.7486818 23.5788286,72.3125 15.4292351,72.3125 C6.94524577,72.3125 0,65.4329841 0,57.0055122 C0,49.8664898 4.41768313,45.0941662 10.4825272,42.3914065"
                  fill="#7534CD"
                  fill-rule="nonzero"
                ></path>
                <path
                  d="M107.517473,42.3914065 L77.5890411,29.25 L87.6796982,61.0784659 C89.5946371,66.7486818 94.4459899,72.3112025 102.621708,72.3112025 C102.628239,72.3112025 102.633464,72.3125 102.638689,72.3125 C111.122678,72.3125 118,65.4329841 118,57.0055122 C118,49.8664898 113.582317,45.0941662 107.517473,42.3914065"
                  fill="#7534CD"
                  fill-rule="nonzero"
                ></path>
                <path
                  d="M75.9726027,32.5 C72.9780788,25.7947085 66.4914397,21.125 58.980122,21.125 C51.462392,21.125 45.0180739,25.7879681 42.0273973,32.5 L75.9726027,32.5 Z"
                  fill="#7534CD"
                  fill-rule="nonzero"
                ></path>
                <polygon
                  fill="#000000"
                  fill-rule="nonzero"
                  points="78.3946629 52 40.4109589 52 40.4109589 41.4375 78.3972603 41.4375"
                ></polygon>
                <polygon
                  fill="#000000"
                  fill-rule="nonzero"
                  points="78.3946629 70.6875 40.4109589 70.6875 40.4109589 60.125 78.3972603 60.125"
                ></polygon>
                <g transform="translate(42.027397, 78.812500)">
                  <polygon
                    points="0.194632313 0.742063276 34.1693874 0.742063276 34.1693874 11.8772354 0.194632313 11.8772354"
                  ></polygon>
                  <path
                    d="M0.194632313,0.742063276 C3.19176303,7.30621539 9.6827652,11.8776313 17.2019051,11.8776313 C24.7261793,11.8776313 31.1748238,7.31281385 34.1693874,0.742063276 L0.194632313,0.742063276 Z"
                    fill="#7534CD"
                    fill-rule="nonzero"
                  ></path>
                </g>
              </g>
            </g>
          </svg>
        </li>
        <li>
          SVG with an image role w/ name<br />
          <svg
            role="img"
            width="39.3333px"
            height="30.3333px"
            viewBox="0 0 118 91"
            version="1.1"
            xmlns="http://www.w3.org/2000/svg"
            xmlns:xlink="http://www.w3.org/1999/xlink"
            aria-label="Be Equal"
          >
            <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
              <g>
                <path
                  d="M57.3835616,8.93683673 C57.3835616,13.8728571 53.4038244,17.875 48.4938105,17.875 C43.5837965,17.875 39.6027397,13.8728571 39.6027397,8.93683673 C39.6027397,4.00081633 43.5837965,0 48.4938105,0 C53.4038244,0 57.3835616,4.00081633 57.3835616,8.93683673"
                  fill="#7534CD"
                  fill-rule="nonzero"
                ></path>
                <path
                  d="M79.2054795,8.93683673 C79.2054795,13.8728571 75.2244227,17.875 70.3157283,17.875 C65.4043947,17.875 61.4246575,13.8728571 61.4246575,8.93683673 C61.4246575,4.00081633 65.4043947,0 70.3157283,0 C75.2244227,0 79.2054795,4.00081633 79.2054795,8.93683673"
                  fill="#7534CD"
                  fill-rule="nonzero"
                ></path>
                <path
                  d="M10.4825272,42.3914065 L40.4109589,29.25 L30.3203018,61.0784659 C28.4053629,66.7486818 23.5788286,72.3125 15.4292351,72.3125 C6.94524577,72.3125 0,65.4329841 0,57.0055122 C0,49.8664898 4.41768313,45.0941662 10.4825272,42.3914065"
                  fill="#7534CD"
                  fill-rule="nonzero"
                ></path>
                <path
                  d="M107.517473,42.3914065 L77.5890411,29.25 L87.6796982,61.0784659 C89.5946371,66.7486818 94.4459899,72.3112025 102.621708,72.3112025 C102.628239,72.3112025 102.633464,72.3125 102.638689,72.3125 C111.122678,72.3125 118,65.4329841 118,57.0055122 C118,49.8664898 113.582317,45.0941662 107.517473,42.3914065"
                  fill="#7534CD"
                  fill-rule="nonzero"
                ></path>
                <path
                  d="M75.9726027,32.5 C72.9780788,25.7947085 66.4914397,21.125 58.980122,21.125 C51.462392,21.125 45.0180739,25.7879681 42.0273973,32.5 L75.9726027,32.5 Z"
                  fill="#7534CD"
                  fill-rule="nonzero"
                ></path>
                <polygon
                  fill="#000000"
                  fill-rule="nonzero"
                  points="78.3946629 52 40.4109589 52 40.4109589 41.4375 78.3972603 41.4375"
                ></polygon>
                <polygon
                  fill="#000000"
                  fill-rule="nonzero"
                  points="78.3946629 70.6875 40.4109589 70.6875 40.4109589 60.125 78.3972603 60.125"
                ></polygon>
                <g transform="translate(42.027397, 78.812500)">
                  <polygon
                    points="0.194632313 0.742063276 34.1693874 0.742063276 34.1693874 11.8772354 0.194632313 11.8772354"
                  ></polygon>
                  <path
                    d="M0.194632313,0.742063276 C3.19176303,7.30621539 9.6827652,11.8776313 17.2019051,11.8776313 C24.7261793,11.8776313 31.1748238,7.31281385 34.1693874,0.742063276 L0.194632313,0.742063276 Z"
                    fill="#7534CD"
                    fill-rule="nonzero"
                  ></path>
                </g>
              </g>
            </g>
          </svg>
        </li>
        <li>
          SVG with an image role w/ name, and title<br />
          <svg
            role="img"
            width="39.3333px"
            height="30.3333px"
            viewBox="0 0 118 91"
            version="1.1"
            xmlns="http://www.w3.org/2000/svg"
            xmlns:xlink="http://www.w3.org/1999/xlink"
            aria-label="Be Equal"
          >
            <title>Tooltip</title>
            <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
              <g>
                <path
                  d="M57.3835616,8.93683673 C57.3835616,13.8728571 53.4038244,17.875 48.4938105,17.875 C43.5837965,17.875 39.6027397,13.8728571 39.6027397,8.93683673 C39.6027397,4.00081633 43.5837965,0 48.4938105,0 C53.4038244,0 57.3835616,4.00081633 57.3835616,8.93683673"
                  fill="#7534CD"
                  fill-rule="nonzero"
                ></path>
                <path
                  d="M79.2054795,8.93683673 C79.2054795,13.8728571 75.2244227,17.875 70.3157283,17.875 C65.4043947,17.875 61.4246575,13.8728571 61.4246575,8.93683673 C61.4246575,4.00081633 65.4043947,0 70.3157283,0 C75.2244227,0 79.2054795,4.00081633 79.2054795,8.93683673"
                  fill="#7534CD"
                  fill-rule="nonzero"
                ></path>
                <path
                  d="M10.4825272,42.3914065 L40.4109589,29.25 L30.3203018,61.0784659 C28.4053629,66.7486818 23.5788286,72.3125 15.4292351,72.3125 C6.94524577,72.3125 0,65.4329841 0,57.0055122 C0,49.8664898 4.41768313,45.0941662 10.4825272,42.3914065"
                  fill="#7534CD"
                  fill-rule="nonzero"
                ></path>
                <path
                  d="M107.517473,42.3914065 L77.5890411,29.25 L87.6796982,61.0784659 C89.5946371,66.7486818 94.4459899,72.3112025 102.621708,72.3112025 C102.628239,72.3112025 102.633464,72.3125 102.638689,72.3125 C111.122678,72.3125 118,65.4329841 118,57.0055122 C118,49.8664898 113.582317,45.0941662 107.517473,42.3914065"
                  fill="#7534CD"
                  fill-rule="nonzero"
                ></path>
                <path
                  d="M75.9726027,32.5 C72.9780788,25.7947085 66.4914397,21.125 58.980122,21.125 C51.462392,21.125 45.0180739,25.7879681 42.0273973,32.5 L75.9726027,32.5 Z"
                  fill="#7534CD"
                  fill-rule="nonzero"
                ></path>
                <polygon
                  fill="#000000"
                  fill-rule="nonzero"
                  points="78.3946629 52 40.4109589 52 40.4109589 41.4375 78.3972603 41.4375"
                ></polygon>
                <polygon
                  fill="#000000"
                  fill-rule="nonzero"
                  points="78.3946629 70.6875 40.4109589 70.6875 40.4109589 60.125 78.3972603 60.125"
                ></polygon>
                <g transform="translate(42.027397, 78.812500)">
                  <polygon
                    points="0.194632313 0.742063276 34.1693874 0.742063276 34.1693874 11.8772354 0.194632313 11.8772354"
                  ></polygon>
                  <path
                    d="M0.194632313,0.742063276 C3.19176303,7.30621539 9.6827652,11.8776313 17.2019051,11.8776313 C24.7261793,11.8776313 31.1748238,7.31281385 34.1693874,0.742063276 L0.194632313,0.742063276 Z"
                    fill="#7534CD"
                    fill-rule="nonzero"
                  ></path>
                </g>
              </g>
            </g>
          </svg>
        </li>
        <li>
          Decorative SVG<br />
          <svg
            role="img"
            width="39.3333px"
            height="30.3333px"
            viewBox="0 0 118 91"
            version="1.1"
            xmlns="http://www.w3.org/2000/svg"
            xmlns:xlink="http://www.w3.org/1999/xlink"
            aria-hidden="true"
          >
            <title>Tooltip</title>
            <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
              <g>
                <path
                  d="M57.3835616,8.93683673 C57.3835616,13.8728571 53.4038244,17.875 48.4938105,17.875 C43.5837965,17.875 39.6027397,13.8728571 39.6027397,8.93683673 C39.6027397,4.00081633 43.5837965,0 48.4938105,0 C53.4038244,0 57.3835616,4.00081633 57.3835616,8.93683673"
                  fill="#7534CD"
                  fill-rule="nonzero"
                ></path>
                <path
                  d="M79.2054795,8.93683673 C79.2054795,13.8728571 75.2244227,17.875 70.3157283,17.875 C65.4043947,17.875 61.4246575,13.8728571 61.4246575,8.93683673 C61.4246575,4.00081633 65.4043947,0 70.3157283,0 C75.2244227,0 79.2054795,4.00081633 79.2054795,8.93683673"
                  fill="#7534CD"
                  fill-rule="nonzero"
                ></path>
                <path
                  d="M10.4825272,42.3914065 L40.4109589,29.25 L30.3203018,61.0784659 C28.4053629,66.7486818 23.5788286,72.3125 15.4292351,72.3125 C6.94524577,72.3125 0,65.4329841 0,57.0055122 C0,49.8664898 4.41768313,45.0941662 10.4825272,42.3914065"
                  fill="#7534CD"
                  fill-rule="nonzero"
                ></path>
                <path
                  d="M107.517473,42.3914065 L77.5890411,29.25 L87.6796982,61.0784659 C89.5946371,66.7486818 94.4459899,72.3112025 102.621708,72.3112025 C102.628239,72.3112025 102.633464,72.3125 102.638689,72.3125 C111.122678,72.3125 118,65.4329841 118,57.0055122 C118,49.8664898 113.582317,45.0941662 107.517473,42.3914065"
                  fill="#7534CD"
                  fill-rule="nonzero"
                ></path>
                <path
                  d="M75.9726027,32.5 C72.9780788,25.7947085 66.4914397,21.125 58.980122,21.125 C51.462392,21.125 45.0180739,25.7879681 42.0273973,32.5 L75.9726027,32.5 Z"
                  fill="#7534CD"
                  fill-rule="nonzero"
                ></path>
                <polygon
                  fill="#000000"
                  fill-rule="nonzero"
                  points="78.3946629 52 40.4109589 52 40.4109589 41.4375 78.3972603 41.4375"
                ></polygon>
                <polygon
                  fill="#000000"
                  fill-rule="nonzero"
                  points="78.3946629 70.6875 40.4109589 70.6875 40.4109589 60.125 78.3972603 60.125"
                ></polygon>
                <g transform="translate(42.027397, 78.812500)">
                  <polygon
                    points="0.194632313 0.742063276 34.1693874 0.742063276 34.1693874 11.8772354 0.194632313 11.8772354"
                  ></polygon>
                  <path
                    d="M0.194632313,0.742063276 C3.19176303,7.30621539 9.6827652,11.8776313 17.2019051,11.8776313 C24.7261793,11.8776313 31.1748238,7.31281385 34.1693874,0.742063276 L0.194632313,0.742063276 Z"
                    fill="#7534CD"
                    fill-rule="nonzero"
                  ></path>
                </g>
              </g>
            </g>
          </svg>
        </li>
      </ol>
    </main>
    <script>
      UnitTest = {
        ruleIds: ["WCAG20_Input_ExplicitLabel"],
        results: [
          {
            "ruleId": "WCAG20_Input_ExplicitLabel",
            "value": [
              "INFORMATION",
              "FAIL"
            ],
            "path": {
              "dom": "/html[1]/body[1]/main[1]/ol[1]/li[6]/button[1]",
              "aria": "/document[1]/main[1]/list[1]/listitem[6]/button[1]"
            },
            "reasonId": "Fail_1",
            "message": "Form control element <button> has no associated label",
            "messageArgs": [
              "button"
            ],
            "apiArgs": [],
            "category": "Accessibility"
          },
          {
            "ruleId": "WCAG20_Input_ExplicitLabel",
            "value": [
              "INFORMATION",
              "PASS"
            ],
            "path": {
              "dom": "/html[1]/body[1]/main[1]/ol[1]/li[7]/button[1]",
              "aria": "/document[1]/main[1]/list[1]/listitem[7]/button[1]"
            },
            "reasonId": "Pass_0",
            "message": "Rule Passed",
            "messageArgs": [],
            "apiArgs": [],
            "category": "Accessibility"
          }
        ]
      };
    </script>
  </body>
</html>
